<template>
    <div >
      <nav-header></nav-header>
      <div>
        <div class="container">
          <div class="page-title-normal">
            <h2 class="page-title-h2"><span>check out</span></h2>
          </div>
          <!-- 进度条 -->
          <div class="check-step">
            <ul>
              <li class="cur"><span>确认</span> 地址</li>
              <li class="cur"><span>查看</span> 订单</li>
              <li class="cur"><span>确认</span> 支付</li>
              <li class="cur"><span>订单</span> 详情</li>
            </ul>
          </div>

          <div class="order-create">
            <div class="order-create-pic"><img src="/static/ok-2.png" alt=""></div>
            <div class="order-create-main">
              <h3>恭喜! <br>已经支付完成</h3>
              <p>
                <span>订单 ID：{{orderId}}</span>
                <span>订单 金额：{{orderTotal}}</span>
              </p>
              <div class="order-create-btn-wrap">
                <div class="btn-l-wrap">

                  <router-link to="/cart" class="btn btn--m">购物车</router-link>
                </div>
                <div class="btn-r-wrap">

                  <router-link to="/" class="btn btn--m">商品列表</router-link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <nav-footer></nav-footer>
    </div>
</template>

<script>
  import NavHeader from '../components/NavHeader.vue'
  import NavFooter from '../components/NavFooter.vue'
  import NavBread from '../components/NavBread.vue'
  import modal from '../components/modal.vue'
    export default{
      data(){
          return {
              orderId:'',
            orderTotal:0
          }
      },
      components:{
        NavHeader,NavFooter,NavBread,modal
      },
      mounted(){
          let orderId = this.$route .query .orderId;
          if(!orderId){
              return
          }
        this.$http.get('/users/orderDetail',{
            params:{
              orderId:orderId
            }
        }).then(response=>{
            let res = response.data;
            if(res.status =='0'){
                this.orderId = orderId
              this.orderTotal = res.result.orderTotal
            }
        })
      },
    }
</script>

<style scoped>

</style>
